import { Button, Comment, Form, Icon } from '@fomantic-react/main';

export default () => (
  <Comment.Group>
    <Comment>
      <Comment.Avatar src="/images/steve.jpg" />
      <Comment.Content>
        <Comment.Author>Steve Jobes</Comment.Author>
        <Comment.Metadata>
          <div className="date">2 days ago</div>
        </Comment.Metadata>
        <Comment.Text>Revolutionary!</Comment.Text>
        <Comment.Actions>
          <Comment.Action active>Reply</Comment.Action>
        </Comment.Actions>
        <Form>
          <Form.Field>
            <textarea></textarea>
          </Form.Field>
          <Button type="submit" color="primary" icon className="labeled">
            <Icon name="edit" />
            Add Reply
          </Button>
        </Form>
      </Comment.Content>
    </Comment>
  </Comment.Group>
);
